<?php include 'header.php'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--************************************************************-->
<!--CHANGE THIS TITLE TO SOMETHING THAT IS RELEVANT TO YOUR SITE-->
<!--************************************************************-->
		
        
<!--************************************************************-->
<!--Visit Google Maps to get an api code for your website the link is http://code.google.com/apis/maps/signup.html -->
<!--************************************************************-->
<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAF-0D9n0i28RMiI_YXmMmDBTohzQQCe2Oyw8F1sPuTy5oH5GhkhRg57BG_twDNaCtYeApIdcldsmDEg" type="text/javascript"> </script>
	
	
<script type="text/javascript">
/* Error messages for possible errors */
		var error_address_empty 	= 'Please enter a valid address first.';
		var error_invalid_address 	= 'This address is invalid. Make sure to enter your street number and city as well?'; 
		var error_google_error 		= 'There was a problem processing your request, please try again.';
		var error_no_map_info		= 'Sorry! Map information is not available for this address.';
		
		
		/**********************************************************************************************************************/
		/* CHANGE THIS TO YOUR ADDRESS - The default address of your store, This address will display on the map on startup */
		/**********************************************************************************************************************/
		var default_address = '11-1557 Brookside Blvd, Winnipeg, MB, R2R 1V6';
		
		var current_address = null; /* Current address we are displaying, we save it here for directions */
		var map				  = null; /* Instance of Google Maps object */
		var geocoder		  = null; /* Instance of Google Deocoder object */
		var gdir				  = null; /* Instance of Google Directions object */
		var map_compatible  = false; /* Whether or not user's browser is compatible to show the map */
		
		/* Check if the browser is compatible */
		if( GBrowserIsCompatible() ) {
			map_compatible = true;
		}
		
		/* Initialize the map this will be called when the document is loaded from: <body onLoad="initialize_map();"> */
		function initialize_map() {
			if( map_compatible ) {
				map 	  	= new GMap2(document.getElementById('map_canvas'));        
				geocoder = new GClientGeocoder();
				show_address(default_address);
				
				/* This displays the zoom controls for the map. If you don't want them just delete the line */
				map.addControl(new GSmallMapControl());
				
				/* This displays the map type. If you don't want that feature then just delete this */
				map.addControl(new GMapTypeControl());
				
			}
		}
		
		/* This function will move the map and shows the address passed to it */
		function show_address(address) {
			if( map_compatible && geocoder ) {
				/* Save this address in current_address value to use later if user wants directions */
				current_address = address;		
				geocoder.getLatLng(
				address,
				function( point ) {
					if( !point ) {
						alert(error_no_map_info);
					} else {
						map.setCenter(point, 11);
						var marker = new GMarker(point);
						map.addOverlay(marker);
						marker.openInfoWindowHtml(address);
					}
				}
				);
			}
			return false;
		}
		
		/* Get the directions */
		function get_directions() {
			if( map_compatible ) {
				if( document.direction_form.from_address.value == '' ) {
					alert(error_address_empty);
					return false;
				}
				/**
				 * Delete the contents of 'directions' DIV first 
				 * because user might ask for directions more than once.
				**/
				document.getElementById('directions').innerHTML = '';
				
				gdir = new GDirections(map, document.getElementById('directions'));
				
				/* Setup to event handlers, one: when the directions are loaded, two: if there was any error */
				GEvent.addListener(gdir, 'load',  onGDirectionsLoad);
				GEvent.addListener(gdir, 'error', handleErrors);
				
				/* Show the directions */
				set_directions(document.direction_form.from_address.value, current_address);			
			}
			return false;
		}
		
		/* This will actually set the directions on the map and loads the direction table */
		function set_directions(fromAddress, toAddress) {
      	gdir.load("from: " + fromAddress + " to: " + toAddress,
                	{ "locale": "en" });
    	}
		
		/* This will handle the errors might happen while retrieving the directions */
		function handleErrors(){
			if( gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS )
				alert(error_invalid_address);
			else if( gdir.getStatus().code == G_GEO_SERVER_ERROR )
				alert(error_google_error);
			else if( gdir.getStatus().code == G_GEO_MISSING_QUERY )
				alert(error_address_empty);
			else 
				alert(error_invalid_address);
		}
		
		/* This function will be called when the directions are loaded */
		function onGDirectionsLoad(){
			/* We will simple scroll down to the directions, but with a little delay so it's loaded */
			setTimeout('eval(\'window.location = "#directions_table"\;\')', 500);
		}
</script>
	
<title>Load Express - Contact</title>
		<div class="rightside">
			<div class="block pad">
				<h2 id=font>Contact Us</h2>
</head>

	<table width="100%">
	<tr>
		<td width="70%" valign="top">
			<table>
				<tr>
					<td width="80%" colspan="2"><h1>LEL Ltd Office</h1></td>
				</tr>
				<tr>
					<td>Monday - Friday:</td> 		
					<td> 8AM - 5PM</td>
				</tr>
				<tr>
					<td>Saturday: </td>
					<td>10AM - 5PM</td>
				</tr>
				<tr>
					<td>Sunday:</td> 		
					<td>Closed</td>
				</tr>
				<tr>
					<td>Phone:</td> 		
					<td>(204) 697-9257</td>
				</tr>
				<tr>
					<td>Toll-free:</td>
					<td>1-877-755-6239</td>  
				</tr>
				<tr>
					<td>Fax  :</td> 
					<td>(204) 697 9260</td> 
				</tr>
				<tr>
					<td>Email: </td>		
					<td><a href="mailto:imoosali@gmail.com">imoosali@gmail.com</a></td>
				</tr>
			</table>
		</td>
		<td  width="50%" valign="top">
			<table>
				<tr>
					<td><h1>ADDRESS</h1></td>
				</tr>
				<tr>
					<td>11-1557 Brookside Blvd</td>
				</tr>
				<tr>
					<td>Winnipeg, MB</td>
				</tr>
				<tr>
					<td>R2R 1V6</td>
				</tr>
				<tr>
					<td><a href="#" onClick="return show_address('11-1557 Brookside Blvd, Winnipeg, MB, R2R 1V6');">
					Map It!<br /><br />
					</a>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	</table>
	<br>

<body onLoad="initialize_map();">
<div id="main-wrapper">
<div id="main-padding">

			<div id="seperator"></div>	
	<div id="map_canvas"></div>
		
		<form name="direction_form" onSubmit="get_directions(); return false;" class="form">
			Need directions? Enter your address: <input type="text" name="from_address" class="form-field" /><br /><br />
			<input type="submit" value="  Get Directions  " class="form-submit" />
		</form>		
		
		<a name="directions_table"></a>
		<div id="directions"></div>

</div>
</div>
	<div class="footer-fix"> </div>
</body>
</div>

</div>

<?php include 'footer.php'; ?>
